<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/common/taglib.jsp"%>
<html xmlns="http://www.w3.org/1999/xhtml">
	<valuecommerce   ptnOid="2588280" url="http://shop.coojin.com/" />
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>最安値を探すなら - Coojin 商品価格検索</title>
		<meta name="description" content="価格コム、楽天、Yahooショッピング、ヤフオク、アマゾンなどのショッピングサイトから最安値の商品を簡単に探す事が出来るとても便利なお買い物サイトです。" />
		<meta name="keywords" content="価格,比較,最安値,格安,通販,商品,検索,ショッピング" />
		<link href="<%=path%>/search/jp/style/global.css" rel="stylesheet" type="text/css" />
		<link href="<%=path%>/search/jp/style/index.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="<%=path%>/search/jp/jscode/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="<%=path%>/search/jp/jscode/jquery.corner.js"></script>
		<script type="text/javascript" src="<%=path%>/search/jp/jscode/jquery.bgiframe.js"></script>
		<script type="text/javascript" src="<%=path%>/search/jp/jscode/index.js"></script>
	</head>
<body onload="changeImageSize();">
	<div id="wrapper">
	  <div id="login"><a href="http://www.coojin.com/">求人情報</a><strong><a href="http://shop.coojin.com/">商品価格 </a></strong><a href="http://coojin.wordengine.jp/" style="margin-left:-5px;">英単語</a><a href="http://search.coojin.com/">カテゴリ</a></div>
	  <div id="content">
	    <div id="logo"><img src="<%=path%>/search/jp/image/index_shop_logo.jpg" width="400" height="62" alt="Coojin 商品価格情報" /></div>
        <h1 id="logo_bottom">価格コム、楽天、Yahooショッピング、ヤフオク、アマゾンなどから、欲しい商品の最安値を一発で検索できるサイト！</h1>
	    <!--search start-->
	    <div id="search_main">
	      <div class="box-round">
	        <div id="calbox" ></div>
	        <s:form action="search" method="get" theme="simple">
			  <s:hidden name="sort" value="0"/>
              <s:hidden name="flag" value="0"/>
			  <div id="input_box">
		          <p id="input1">
		            <label for="name">商品</label>
		            <s:textfield name="keywords" id="name"></s:textfield>
		          </p>
		          <%--<p >
		            <label for="Category">カテゴリ</label>
		            <s:select name="category" list="#application.categoryList" listKey="category_id" listValue="kakaku_name"/>
					<img class="jiantou" src="<%=path%>/search/jp/image/jiantou.gif"/>
					<input type="text" name="category" id="category" value="すべてのカテゴリから"/>
		            
		            <div id="selectItem" class="selectItemhidden">
			            <div id="selectItemAd" class="selectItemtit bgc_ccc">
			              <h2 id="selectItemTitle" class="selectItemleft">カテゴリ</h2>
			              <div id="selectItemClose" class="selectItemright">閉じる</div>
			            </div>
		                <div id="selectItemCount" class="selectItemcont">
			                <div id="selectSub">
				                <ul class="left">
				                    <li class="li_hover" ><a href="#">コンピュータ</a></li>
									<s:iterator value="#application.categoryList" id="category">
										<li><a href="#">${kakaku_name}</a></li>
									</s:iterator>
				                 </ul>
			                </div>
		            	</div>
		          	</div>
		          </p>
		          --%><span>
		          <label>&nbsp;</label>
		          <input type="submit" value="商品価格情報"   />
		          </span>
			  </div><!-- input_box end -->
			  <div id="auction">
				  <input type="radio" name="isAuction" value="0" checked="checked"/> すべて&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		          <input type="radio" name="isAuction" value="1" />オークションを含まない

			  </div>
	        </s:form>
	      </div>
	    </div>
	    <!--search end-->
	    <div id="left">
	      <!--advanced search start-->
	      <div id="advanced">
	        <div id="advanced_in" class="advanced_in">
	          <h2>注目の商品</h2>
			  <ul>
				  <s:iterator value="topImageModelList" status="shop">
					<li >
						<span class="img_border">
						<a href="${detail_url}" rel="nofollow" target="_blank">
						   <img class="img_play" src="${image_url}"/>
						</a></span>
						<span class="a_text"></span>
<%--						<a href="${detail_url}" rel="nofollow" target="_blank">${name}</a>--%>
					</li>
				  </s:iterator>
			  </ul>
	        </div>
	      </div>
	      <!--advanced search start-->
	      <%--<div id="search_list">
	        <div class="search_li">
	          
	        </div>
	      </div>
	    --%></div>
	    <div id="right">
          <h2>注目のキーワード</h2>
	          <ul>
				<s:iterator value="topKeywordsList" status="shop">
					<li><a href="<%=path%>/word/${keywords}/">${keywords}</a></li>
				</s:iterator>
	          </ul>
	    </div>
	  </div>
	  <div class="clear"></div>
	  <%@ include file="/search/jp/include/footer.jsp"%>
	</div>
	</body>
</html>
<script>
function changeImageSize()
{
   var  imgs = document.getElementById("advanced_in").getElementsByTagName("img");
   for(var i=0;i<imgs.length;i++)
   {
	   var image = imgs[i];
	  // alert(image.width+"---"+image.height);
	   if(image.width>78 || image.heigh>63){
	   	  if(image.width > image.height){
			  image.width=78;
			  image.height=auto;
		  } else if(image.width == image.height){
			  image.height=63;
			  image.width=auto;
			  
		  } else if(image.width < image.height){
			  image.height=63;
			  image.width=auto;
		  } 
	   }
   }
}
</script>
